<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head th:replace="include :: header('开发者社区 - DEV社区')"></head>
<body>
<div th:replace="include :: top"></div>
<div class="layui-container fly-marginTop">
   <div class="fly-panel fly-panel-user" pad20>
       <div class="layui-form layui-tab-content" id="LAY_ucm" style="padding: 20px 0;">
           <div class="layui-tab-item layui-show" id="">
               <div th:if="${username} !=null">
                   <!-- 重置密码 -->
                   <form>
                   <div class="fly-msg"><span th:text="${username}"></span>，请重置您的密码</div>
                   <div class="layui-form layui-form-pane" style="margin-top: 30px;">
                           <div class="layui-form-item">
                               <label for="password" class="layui-form-label">密码</label>
                               <div class="layui-input-inline">
                                   <input type="password" id="L_pass" name="password" lay-verify="required|pass" autocomplete="off" class="layui-input">
                               </div>
                               <div class="layui-form-mid layui-word-aux">6到16个字符</div>
                           </div>
                           <div class="layui-form-item">
                               <label for="password" class="layui-form-label">确认密码</label>
                               <div class="layui-input-inline">
                                   <input type="password" id="L_repass" name="repass" lay-verify="required|pass|repass" autocomplete="off" class="layui-input">
                               </div>
                           </div>
                           <div class="layui-form-item">
                               <label for="validateCode" class="layui-form-label">人类验证</label>
                               <div class="layui-input-inline">
                                   <input type="text" id="validateCode" name="validateCode" lay-verify="required" placeholder="请回答后面的问题" autocomplete="off"
                                          class="layui-input">
                               </div>
                               <div class="layui-form-mid" style="padding: 0!important;">
                                   <a href="javascript:void(0);" title="点击更换验证码">
                                       <img th:src="@{/captcha/captchaImage(type='math')}" id="LAY_codeimg"
                                            class="imgcode" width="85%" height="36px"/>
                                   </a>
                               </div>
                           </div>
                           <div class="layui-form-item">
                           		<input type="hidden" name="code" th:value="${code}" />
                               <button class="layui-btn" lay-filter="layui-rsetpwd" lay-submit>提交</button>
                           </div>
                   </div>
               	   </form>
               </div>
               <div th:if="${username} ==null">
                   <div class="fly-error">该重置密码链接已失效，请重新校验您的信息</div>
               </div>
           </div>
       </div>
   </div>
</div>
</div>
<th:block th:include="include :: footer('user')"/>
</body>
</html>